/* model */
import { ConnectorModuleComponentNameEnum } from '@src/modules/connector/model'
/* scss */
import '@src/modules/connector/components/card-item/index.scss'
/* vue */
// @ts-ignore
import { ComponentInstance, ComponentRenderProxy, defineComponent } from 'vue'
import { CommonComponentInstance } from '@model/VC'
import { CreateElement } from 'vue'

export type ConnectorModuleCardItemProps = {
  
}

export interface ConnectorModuleCardItemSetupState {
  
}

export enum ConnectorModuleCardItemEmitEventNameEnum {
  Input = 'input',
}

export type ConnectorModuleCardItemInstance = ComponentInstance & ConnectorModuleCardItemSetupState
export type ConnectorModuleCardItemVM = ComponentRenderProxy<ConnectorModuleCardItemProps> & CommonComponentInstance & ConnectorModuleCardItemInstance

export default defineComponent({
  name: ConnectorModuleComponentNameEnum.ConnectorModuleCardItem,
  emits: [
    ConnectorModuleCardItemEmitEventNameEnum.Input,
  ],
  render(h: CreateElement) {
    return (
      <div class={ConnectorModuleComponentNameEnum.ConnectorModuleCardItem}>
        
        <div class="connector-module-card-item-content">
          { this.$slots.default }
        </div>
        
        <div class="connector-module-item-footer">
          
          <div class="connector-module-item-footer-left">
            { this.$slots.footerLeft }
          </div>
          
          <div class="connector-module-item-footer-right">
            { this.$slots.footerRight }
          </div>
          
        </div>
        
      </div>
    )
  }
})
